// common/menus/menus.js
Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持 
  },
  /** 
   * 组件的属性列表 
   * 用于组件自定义设置 
  */
  properties: {
    // 选中menu 
    choose: { type: String, value: 'home' }
  },
  /** 
   * 私有数据,组件的初始数据 
   * 可用于模版渲染 
   */
  data: { // 弹窗显示控制 
    list: [
      { code: 'home', text: '首页', url: '/pages/index/index'},
      { code: 'category', text: '分类', url: '/pages/index/index'},
      { code: 'shopCart', text: '购物车', url: '/pages/index/index'},
      { code: 'myCenter', text: '我的', url: '/pages/index/index'},
    ]
  },
  /**
   * 组件的方法列表 
   * 更新属性和数据的方法与更新页面数据的方法类似 
  */
  methods: {
    /** 
    * 公有方法 
    */
    //触发点击跳转
    clickMenu(data) {
      try{
        var url = data.currentTarget.dataset.item.url;
        var code = data.currentTarget.dataset.item.code;
        if (code === this.data.choose){
          this.reload()
          return
        }
        if (!url) {
          return
        }
        code === 'homeFootNav3'?
          wx.navigateTo({
            url: url
          }):wx.redirectTo({
          url: url
        })
      }catch(err){}
    },
    /** 
     * 内部私有方法建议以下划线开头 
     * triggerEvent 用于触发事件 this.triggerEvent("")
    */
    reload(){
      this.triggerEvent("reload")
    }
  }
})